<script type="text/javascript" src="/views/js/course.js"></script>
<style>
    .table>tbody>tr>td,.table>tbody>tr>th{
        white-space: nowrap !important;
    }
    .table>tbody>tr>td:nth-child(7){
         white-space:pre-wrap!important;
          word-break:break-all!important;
          word-wrap:break-word!important;
    }
</style>
<section class="content">
    <!-- 查询条件 -->
    <div class="box box-solid box-primary">
        <!-- /.box-header -->
        <div class="box-body">
            <div class="row">
                <div class="col-md-12" style="padding-bottom: 15px;padding-top: 15px;">
                    <form class="form-inline">
                        <div class="form-group" style="float:left ;">
                            <h4 class="" for="J_FilterCenter">
                                <b>姓名：</b>{{.child.Name}}&nbsp;&nbsp;&nbsp;&nbsp;<b>年级：</b>{{.child.Grade}}&nbsp;&nbsp;&nbsp;&nbsp;
                                <b>年龄：</b>{{.child.Age}}&nbsp;&nbsp;&nbsp;&nbsp;<b>性别：</b>{{.child.Sex}}
                            </h4>
                        </div>

                          <div type="submit" class="btn btn-info" style="margin-left:10%;" data-toggle="modal" data-target="#myModal">
                           <i class="fa fa-plus"></i> 查看测评信息</div>

                            <input id="childId" name="childId" type="hidden" value="{{.child.Id}}">

                    </form>
                    <!-- /.form-group -->
                </div>

            </div>
            <!-- /.row -->
        </div>
        <!-- /.box-body -->
    </div>
    <!-- /查询条件 -->

    <!-- 结果表格 -->
    <div class="box box-solid box-primary" style="border:solid 1px #337ab7">
        <div class="box-body  no-padding">
            <table class="table table-hover text-center" id="tbl-course" cellspacing="0" width="100%"
                   style="text-align:left;">
                <thead>
                <tr>
                    <th>课程类别</th>
                    <th>老师名字</th>
                    <th>日期</th>
                    <th>星期</th>
                    <th>上课时间</th>
                    <th>状态</th>
                    <th>项目成绩</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
    <!-- /结果表格 -->
</section>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					{{.child.Name}}测评信息
				</h4>
			</div>
			<div class="modal-body">
				<div class="form-horizontal" id="evaluationInfoBox">
                    <!-- 感觉运动能力 START -->
                    <div class="col-sm-11 pull-left"><h3>感觉运动能力</h3></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">前庭平衡：</label>
                        <label class="col-sm-8 pull-left" >{{.record.QianTingPingHeng}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">本体感：</label>
                        <label class="col-sm-8 pull-left" >{{.record.BenTiGan}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">触觉防御能力：</label>
                        <label class="col-sm-8 pull-left" >{{.record.ChuJueFangYu}}</label>
                    </div> <!-- 感觉运动能力 END -->

                    <!-- 听知觉能力 START -->
                    <div class="col-sm-11 pull-left"><h3>听知觉能力</h3></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">听觉记忆广度：</label>
                        <label class="col-sm-8 pull-left">{{.record.TingJueJiYiGuangDu}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">听觉记忆时长：</label>
                        <label class="col-sm-8 pull-left" >{{.record.TingJueChangShiJiYi}}</label>
                    </div><!-- 听知觉能力 END -->

                    <!-- 视知觉能力 START -->
                    <div class="col-sm-11 pull-left"><h3>视知觉能力</h3></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">视分辨失误率：</label>
                        <label class="col-sm-8 pull-left" >{{.record.ShiFenBianShiWuLv}}%</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">视觉广度：</label>
                        <label class="col-sm-8 pull-left" >{{.record.ShiJueGuangDu}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">视动统合能力：</label>
                        <label class="col-sm-8 pull-left" >{{.record.ShiDongTongHeNengLi}}</label>
                    </div><!-- 视知觉能力 END -->

                    <!-- 阅读理解力 START -->
                    <div class="col-sm-11 pull-left"><h3>阅读理解能力</h3></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">阅读速度：</label>
                        <label class="col-sm-8 pull-left" >{{.record.YueDuSuDu}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">错误率：</label>
                        <label class="col-sm-8 pull-left" >{{.record.CuoWuLv}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">阅读理解正确率：</label>
                        <label class="col-sm-8 pull-left" >{{.record.YueDuLiJieZhengQueLv}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">口语表达能力：</label>
                        <label class="col-sm-8 pull-left" >{{.record.KouYuBiaoDaNengLi}}</label>
                    </div><!-- 阅读理解力 END -->

                    <!-- 思维能力 START -->
                    <div class="col-sm-11 pull-left"><h3>思维能力</h3></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">思维分数：</label>
                        <label class="col-sm-8 pull-left" >{{.record.SiWeiFenShu}}</label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">百分等级：</label>
                        <label class="col-sm-8 pull-left" >{{.record.BaiFenDengJi}}</label>
                    </div><!-- 思维能力 END -->
                </div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>